<section class="vbox">
	<header class="dker nav-bar nav-bar-fixed-top">
		<a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav">
			<i class="fa fa-bars"></i>
		</a>
		<a href="#" class="nav-brand" data-toggle="fullscreen">Hi !</a>
			<a class="btn btn-link visible-xs" data-toggle="class:show" data-target=".nav-user">
			<i class="fa fa-comment-o"></i>
		</a>
	</header>
	<section>
		<div class="bg-info nav-user hidden-xs pos-rlt">
			<div class="nav-avatar pos-rlt">
				<a href="#" class="thumb-sm avatar animated rollIn" data-toggle="dropdown">
					<img src="<?php echo base_url()?>tools/images/avatar_default.jpg" alt="" class="">
					<span class="caret caret-white"></span>
				</a>
				<ul class="dropdown-menu m-t-sm animated fadeInLeft">
					<span class="arrow top"></span>
					<li>
						<a href="#">Settings</a>
					</li>
					<li>
						<a href="profile.html">Profile</a>
					</li>
					<li>
						<a href="#">
							<span class="badge bg-danger pull-right">3</span>
							Notifications
						</a>
					</li>
					<li class="divider"></li>
					<li>
						<a href="docs.html">Help</a>
					</li>
					<li>
						<a href="signin.html">Logout</a>
					</li>
				</ul>
				<div class="visible-xs m-t m-b">
					<a href="#" class="h3">John.Smith</a>
					<p><i class="fa fa-map-marker"></i> London, UK</p>
				</div>
			</div>
			<div class="nav-msg">
				<a href="#" class="dropdown-toggle" data-toggle="dropdown">
					<b class="badge badge-white count-n">2</b>
				</a>
				<section class="dropdown-menu m-l-sm pull-left animated fadeInRight">
					<div class="arrow left"></div>
					<section class="panel bg-white">
						<header class="panel-heading">
							<strong>You have <span class="count-n">2</span> notifications</strong>
						</header>
						<div class="list-group">
							<a href="#" class="media list-group-item">
								<span class="pull-left thumb-sm">
									<img src="images/avatar.jpg" alt="John said" class="img-circle">
								</span>
								<span class="media-body block m-b-none">
									Use awesome animate.css<br>
									<small class="text-muted">28 Aug 13</small>
								</span>
							</a>
							<a href="#" class="media list-group-item">
								<span class="media-body block m-b-none">
									1.0 initial released<br>
									<small class="text-muted">27 Aug 13</small>
								</span>
							</a>
						</div>
						<footer class="panel-footer text-sm">
							<a href="#" class="pull-right"><i class="fa fa-cog"></i></a>
							<a href="#">See all the notifications</a>
						</footer>
					</section>
				</section>
			</div>
		</div>
		<!-- Left Menu-->
		<nav class="nav-primary hidden-xs">
			<ul class="nav">
				<li class="<?php if($active == 1){echo 'active';}else{}?>">
					<a href="<?php echo site_url('smn-admin/home');?>">
						<i class="fa fa-home"></i>
						<span>Home</span>
					</a>
				</li>
				<li class="dropdown-submenu <?php if($active == 2){echo 'active';}else{}?>">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-bookmark"></i>
						<span>Profil Sekolah</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="<?php echo site_url('smn-admin/sekolah_data_umum')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Data Umum
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/sekolah_visi_misi')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Sejarah, Visi dan Misi
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/sekolah_hukum')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Dasar Hukum
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/sekolah_struktur_organisasi')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Struktur Organisasi
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu <?php if($active == 3){echo 'active';}else{}?>">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-archive"></i>
						<span>Aset Sekolah</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="<?php echo site_url('smn-admin/aset_fasilitas')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Fasilitas
							</a>                    
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/aset_prestasi')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Prestasi
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/aset_ekskul')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Ekstrakurikuler
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu <?php if($active == 4){echo 'active';}else{}?>">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-book"></i>
						<span>Pendidikan</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="<?php echo site_url('smn-admin/pendidikan_program')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Program Pendidikan
							</a>                    
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/pendidikan_mapel')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Materi Pelajaran
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu <?php if($active == 5){echo 'active';}else{}?>">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-users"></i>
						<span>Tenaga Kerja</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_kepsek')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Kepala Sekolah
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_tu')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Tata Usaha
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_kaprog')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Kepala Program
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_guru')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Guru
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_pujasera')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Pujasera
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_caraka')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Caraka
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/ptk_keamanan')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Keamanan
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu <?php if($active == 6){echo 'active';}else{}?>">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-users"></i>
						<span>Siswa</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="<?php echo site_url('smn-admin/siswa_list')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Daftar Siswa
							</a>                    
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/siswa_kelas')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Ruangan Kelas
							</a>
						</li>
						<li>
							<a href="<?php echo site_url('smn-admin/siswa_ortu')?>">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Orang Tua Siswa
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-picture-o"></i>
						<span>Galeri</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="dashboard.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Daftar Galeri
							</a>                    
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Banner
							</a>
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Slider
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-bullhorn"></i>
						<span>Info</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="dashboard.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Artikel
							</a>                    
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Berita
							</a>
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Kegiatan
							</a>
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Pengumuman
							</a>
						</li>
					</ul>
				</li>
				<li class="dropdown-submenu">
					<a href="#" class="dropdown-toggle" data-toggle="dropdown">
						<i class="fa fa-user"></i>
						<span>Akun</span>
					</a>
					<ul class="dropdown-menu">                
						<li>
							<a href="dashboard.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Akun Saya
							</a>                    
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Ubah Data
							</a>
						</li>
						<li>
							<a href="dashboard-1.html">
								<i class="fa fa-ellipsis-v"></i>&nbsp;&nbsp;Tambah Baru
							</a>
						</li>
					</ul>
				</li>
			</ul>
		</nav>
	</section>
	<footer class="footer bg-gradient hidden-xs">
		<a href="modal.lockme.html" data-toggle="ajaxModal" class="btn btn-sm btn-link m-r-n-xs pull-right">
			<i class="fa fa-power-off"></i>
		</a>
	</footer>
</section>